<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="box">
        <div class="nav">
            <ul class="nav-ul1">
                <li><a href="">中国大陆</a><i class="bottom"></i></li>
                <li><a href="">亲,请登录</a><span>免费注册</span></li>
                <li><a href="">手机逛淘宝</a></li>
            </ul>
            <ul class="nav-ul2">
                <li><a href="">我的淘宝</a><i class="bottom"></i></li>
                <li>
                    <i class="cart"></i>
                    <a href="">购物车</a>
                    <i class="bottom"></i>
                </li>
                <li>
                    <i class="heart"></i>
                    <a href="">收藏夹</a>
                    <i class="bottom"></i>
                </li>
                <li>
                    <a href="">商品分类</a>
                </li>
                <li>
                    <a href="">免费开店</a>
                </li>
                <li>
                    <a href="">|</a>
                </li>
                <li>
                    <a href="">千牛卖家中心</a>
                    <i class="bottom"></i>
                </li>
                <li>
                    <a href="">联系客服</a>
                    <i class="bottom"></i>
                </li>
                <li>
                    <img src="./image/三栏.jpg" class="three" alt="">
                    <a href="">网站导航</a>
                    <i class="bottom"></i>
                </li>
            </ul>
        </div>
        <div class="banner">
            <div class="input">
                <img src="./image/logo.jpg" class="input-img" alt="">
                <div class="rightInput">
                    <form action="">
                        <select name="" id="">
                            <option value="宝贝">宝贝</option>
                        </select>
                        <img src="./image/放大.jpg" class="scale" alt="">
                        <input type="text" name="" class="text" placeholder="短袖衬衫港风男" id="">
                        <img src="./image/photo.jpg" class="photo" alt="">
                        <button>搜索</button>
                    </form>
                </div>
                <div class="select">
                    <ul class="selectBox">
                        <li><a href="">新款连衣裙</a></li>
                        <li><a href="">四件套</a></li>
                        <li><a href="">潮流T桖</a></li>
                        <li><a href="">时尚女鞋</a></li>
                        <li><a href="">短裤</a></li>
                        <li><a href="">半身裙</a></li>
                        <li><a href="">男士外套</a></li>
                        <li><a href="">墙纸</a></li>
                        <li><a href="">行车记录仪</a></li>
                        <li><a href="">新款男鞋</a></li>
                        <li><a href="">耳机</a></li>
                        <li><a href="">时尚女包</a></li>
                        <li><a href="">沙发</a></li>
                    </ul>
                </div>
                <div class="imglist">
                    <img src="./image/二维码.jpg" class="rightImg" alt="">
                </div>
            </div>
            <div class="content">
                <ul class="contentLeft">
                    <li><a href="">主题市场</a></li>
                    <li>
                        <a href="">天猫</a>
                    </li>
                    <li>
                        <a href="">聚划算</a>
                    </li>
                    <li>
                        <a href="">天猫超市</a>
                    </li>
                    <li>|</li>
                    <li>
                        <a href="">司法拍卖</a>
                    </li>
                    <li>
                        <a href="">飞猪旅行</a>
                    </li>
                    <li>
                        <a href="">天天特卖</a>
                    </li>
                    <li>
                        <a href="">淘小铺</a>
                    </li>
                </ul>
                <ul class="leftUl">
                    <li><a href="">女装/内衣/家居</a><i class="right1"></i></li>
                    <li><a href="">女鞋/男鞋/箱包</a><i class="right1"></i></li>
                    <li><a href="">母婴/童装/玩具</a><i class="right1"></i></li>
                    <li><a href="">男装/运动户外</a><i class="right2"></i></li>
                    <li><a href="">美妆/彩妆/个护</a><i class="right1"></i></li>
                    <li><a href="">手机/数码/企业</a><i class="right1"></i></li>
                    <li><a href="">大家电/生活电器</a><i class="right3"></i></li>
                    <li><a href="">零食/生鲜/茶酒</a><i class="right1"></i></li>
                    <li><a href="">厨具/收纳/清洁</a><i class="right1"></i></li>
                    <li><a href="">家访/家饰/鲜花</a><i class="right1"></i></li>
                    <li><a href="">图书音像/文具</a><i class="right4"></i></li>
                    <li><a href="">医药保健/进口</a><i class="right4"></i></li>
                    <li><a href="">汽车/二手车/用品</a><i class="right5"></i></li>
                    <li><a href="">房产/装修家居/建材</a><i class="right6"></i></li>
                    <li><a href="">手表/眼镜/珠宝饰品</a><i class="right6"></i></li>
                </ul>
                <div class="middle">
                    <div class="turn"></div>
                    <div class="title">
                        <img src="./image/天猫.jpg" class="tianmao" alt="">
                        <p class="title-p">理想生活上天猫<span>1/5</span></p>
                    </div>
                    <div class="turnBox">
                        <div class="box1"></div>
                        <div class="box1"></div>
                    </div>
                </div>
                <div class="right">
                    <div class="rightTop">
                        <img src="./image/图片背景.jpg" alt="">
                        <img src="./image/图片背景2.jpg" class="pic2" alt="">
                        <div class="head">
                            <img src="./image/头像.jpg" class="headImg" alt="">
                            <p class="head-p">Hi!你好</p>
                            <ul class="head-ul1">
                                <li><span class="head-span1"></span><a href="" class="a1">领淘金币抵钱</a></li>
                                <li><span class="head-span2"></span><a href="" class="a2">会员俱乐部</a></li>
                            </ul>
                            <ul class="head-ul2">
                                <li>登录</li>
                                <li>注册</li>
                                <li>开店</li>
                            </ul>
                        </div>
                        <div class="rightMiddle">
                        </div>
                    </div>
                    <ul class="middle-ul">
                        <li><a href="">公告</a></li>
                        <li><a href="">规则</a></li>
                        <li><a href="">安全</a></li>
                        <li><a href="">公益</a></li>
                        <li><a href="">千牛</a></li>
                    </ul>
                    <ul class="bottomBox-ul">
                        <li>
                            <img src="./image/小手机.jpg" alt="">
                            <a href="">充话费</a>
                        </li>
                        <li>
                            <img src="./image/小手机.jpg" alt="">
                            <a href="">旅行</a>
                        </li>
                        <li>
                            <img src="./image/小手机.jpg" alt="">
                            <a href="">车险</a>
                        </li>
                        <li>
                            <img src="./image/小手机.jpg" alt="">
                            <a href="">游戏</a>
                        </li>
                    </ul>
                    <ul class="bottomBox-ul1">
                        <li>
                            <img src="./image/小手机.jpg" alt="">
                            <a href="">充话费</a>
                        </li>
                        <li>
                            <img src="./image/小手机.jpg" alt="">
                            <a href="">旅行</a>
                        </li>
                        <li>
                            <img src="./image/小手机.jpg" alt="">
                            <a href="">车险</a>
                        </li>
                        <li>
                            <img src="./image/小手机.jpg" alt="">
                            <a href="">游戏</a>
                        </li>
                    </ul>
                    <div class="btom">
                        <p class="btom-p">阿里APP<span>更多&gt;</span></p>
                        <ul class="btom-ul">
                            <li><img src="./image/淘宝.jpg" alt=""></li>
                            <li><img src="./image/淘宝.jpg" alt=""></li>
                            <li><img src="./image/淘宝.jpg" alt=""></li>
                            <li><img src="./image/淘宝.jpg" alt=""></li>
                            <li><img src="./image/淘宝.jpg" alt=""></li>
                        </ul>
                    </div>
                </div>
                <div class="goodThing">
                    <h1>有好货</h1>
                    <div class="tings">
                        <img src="./image/衣服.jpg" class="tings-img" alt="">
                        <p class="tings-p">pure Cashmewe保暖针织帽<span>这款针织帽风格休闲可爱...</span></p>
                    </div>
                    <div class="tings1">
                        <img src="./image/衣服.jpg" class="tings-img" alt="">
                        <p class="tings-p">pure Cashmewe保暖针织帽<span>这款针织帽风格休闲可爱...</span>
                        </p>
                    </div>
                    <div class="tings1">
                        <img src="./image/衣服.jpg" class="tings-img" alt="">
                        <p class="tings-p">pure Cashmewe保暖针织帽<span>这款针织帽风格休闲可爱...</span></p>
                    </div>
                    <div class="tings1">
                        <img src="./image/衣服.jpg" class="tings-img" alt="">
                        <p class="tings-p">pure Cashmewe保暖针织帽<span>这款针织帽风格休闲可爱...</span></p>
                    </div>

                </div>
                <ul class="color">
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>

        </div>

    </div>
</body>

</html>